<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="/News/admin/assets/jquery/jquery-ui.css" />
<link rel="stylesheet" href="/News/admin/assets/css/adminIndex.css" />
<link rel="stylesheet"
	href="/News/admin/assets/css/adminNewsInsertAndSelectNews.css" />
<link rel="stylesheet"
	href="/News/admin/assets/css/adminNewsInsertAndSelectAdd.css" />
</head>
<body>
	<!-- 创建一个包含全部的总div -->
	<div class="adminAllDiv">

		<div class="adminAllUseDivr">
			<!-- 新闻的增加 -->
			<form action="/News/AdminNewsQueryToUpdateServlet" method="post"
				id="form1">
				<div class="newAdd">
					<div class="newadd">
						<ul class="">
							<li>&nbsp;id:&nbsp;<input type="text" class="newbutton"
								value="${newsQuery.newsId}" name="newsId" readonly
								placeholder="id无法被修改"></li>
							<li>&nbsp;类型:<input type="text" class="newbutton"
								value="${newsQuery.newsType}" name="newsType"></li>
							<li>&nbsp;日期:<input type="text" class="newbutton"
								value="${newsQuery.newsDate}" name="newsDate" id="newsDate"
								placeholder="此为必填项">
							</li>
							<li>&nbsp;热度:<input type="text" class="newbutton"
								value="${newsQuery.newsHeat}" name="newsHeat"></li>
							<li>&nbsp;标题:<input type="text" class="newButton"
								value="${newsQuery.newsHeadline}" name="newsHeadline"></li>
							<li>&nbsp;简介:<input type="text" class="newButton"
								value="${newsQuery.newsIntro}" name="newsIntro"></li>
							<li>&nbsp;图片:<input type="text" class="newbutton"
								value="${newsQuery.newsImg}" name="newsImg"></li>
							<li>&nbsp;作者:<input type="text" class="newbutton"
								value="${newsQuery.newsAuthor}" name="newsAuthor"></li>
							<li>&nbsp;新闻评论数量:<input type="text" class="newbutton"
								value="${newsQuery.newsReviewNum}" name="newsReviewNum"></li>
							<li>主要内容：</li>
						</ul>
					</div>
				</div>
				<div class="main">
					<textarea class="newTextarea" cols="" rows="" name="newsDetails"
						required>${newsQuery.newsDetails}</textarea>
					<img alt="#" src="/News/assets/img/news/${newsQuery.newsImg}">
					<p>
						<input type="button" value="添加"
							onclick="changAction('/News/AdminNewsInsertServlet')"> <input
							type="button" value="修改"
							onclick="changAction('/News/AdminNewsUpdateServlet')">
					</p>
				</div>
			</form>
		</div>

	</div>
</body>
<script src="/News/admin/assets/jquery/jquery-3.7.1.js"></script>
<script src="/News/admin/assets/jquery/jquery-ui.js"></script>
<script src="/News/admin/assets/jquery/jquery-ui-i18n.min.js"></script>
<script>
	//初始化函数
	$(function() {
		//调用初始化总界面方法
		updateInterface();
	});
	//浏览器窗口变化调用函数
	window.addEventListener('resize', function(event) {
		updateInterface();
	});
	//初始化总界面函数
	function updateInterface() {
		setAdminAllDivSize();
		setAdminAllUserDivSize();
		setnewAdd();
		setnewadd();
		setnewmain();
		setnewMain();
	}
	// 使All自适应大小
	function setAdminAllDivSize() {
		$(".adminAllDiv").width($(window).width());
		$(".adminAllDiv").height($(window).height());
		console.log($(".adminAllDiv").height());
	}
	//使内容框总框自适应大小
	function setAdminAllUserDivSize() {
		//设置总框大小
		$(".adminAllUseDivr").width($(".adminAllDiv").width() * 0.95);
		$(".adminAllUseDivr").height($(".adminAllDiv").height());
		//设置总框定位
		$(".adminAllUseDivr").css("left", $(".adminAllDiv").width() * 0.025);
	}
	//使新闻整体边框自适应大小
	function setnewAdd() {
		//设置总框大小
		$(".newAdd").width($(".adminAllUseDivr").width());
		$(".newAdd").height($(".adminAllUseDivr").height() * 0.4);
	}

	//使新闻增加整体边框自适应大小
	function setnewadd() {
		//设置新闻增加整体大小
		$(".newadd").width($(".newAdd").width() * 0.9);
		$(".newadd").height($(".newAdd").height() * 0.8);
		//设置新闻增加整体定位
		$(".newadd").css("left", $(".newAdd").width() * 0.025);
		$(".newadd").css("top", $(".newAdd").height() * 0.15);
		//设置新闻增加整体下面的inputd大小
		$(".newbutton").width($(".newadd").width() * 0.15);
		$(".newbutton").height($(".newadd").height() * 0.09);
		$(".newButton").width($(".newadd").width() * 0.4);
		$(".newButton").height($(".newadd").height() * 0.09);
		//设置新闻增加整体下面的inputd定位
		$(".newadd>ul>li>input")
				.css("margin-left", $(".newadd").width() * 0.01);
		$(".newadd>ul>li>input")
				.css("margin-top", $(".newadd").height() * 0.05);
		$(".newadd>ul>li:eq(1)").css("left", $(".newadd").width() * 0.25);
		$(".newadd>ul>li:eq(2)").css("left", $(".newadd").width() * 0.5);
		$(".newadd>ul>li:eq(3)").css("left", $(".newadd").width() * 0.75);
		$(".newadd>ul>li:eq(4)").css("top", $(".newadd").height() * (0.22));
		$(".newadd>ul>li:eq(5)").css("left", $(".newadd").width() * 0.5);
		$(".newadd>ul>li:eq(5)").css("top", $(".newadd").height() * (0.22));
		$(".newadd>ul>li:eq(6)").css("top", $(".newadd").height() * (0.45));
		$(".newadd>ul>li:eq(7)").css("left", $(".newadd").width() * 0.25);
		$(".newadd>ul>li:eq(7)").css("top", $(".newadd").height() * (0.45));
		$(".newadd>ul>li:eq(8)").css("left", $(".newadd").width() * 0.5);
		$(".newadd>ul>li:eq(8)").css("top", $(".newadd").height() * (0.45));
		$(".newadd>ul>li:eq(9)").css("top", $(".newadd").height() * (0.9));
		$(".newadd>ul>li:eq(9)").css("font-size", "20px");
	}
	//设置主要内容的框架大小及定位
	function setnewmain() {
		//设置主要内容的框架大小
		$(".main").width($(".newAdd").width());
		//设置主要内容框架的定位
		$(".main").css("top", $(".adminAllUseDivr").height() * (0.4));

	}
	//设置主要内容和内容按钮的大小及定位
	function setnewMain() {
		//设置主要内容的框架大小
		$(".newTextarea").width($(".newAdd").width() * 0.5);
		$(".newTextarea").height($(".newAdd").height() * 0.8);
		//$(".newTextarea").height($(".newAdd").height()*0.5);
		//设置主要内容框架的定位
		$(".newTextarea").css("margin-left", $(".main").width() * 0.09);
		//设置内容按钮的大小
		$(".main>p").width($(".newAdd").width() * 0.11);
		$(".main>p").height($(".newAdd").height() * 0.08);
		$(".main>p>input").width($(".newAdd").width() * 0.05);
		$(".main>p>input").height($(".newAdd").height() * 0.07);
		//设置内容按钮的定位
		$(".main>p").css("margin-left", $(".main").width() * 0.78);
		$(".main>p").css("margin-top", $(".main").height() * 0.3);
		//设置显示图片的大小和定位
		$(".main>img").css("position","absolute");
		$(".main>img").width($(".newAdd").width() * 0.35);
		$(".main>img").height($(".newTextarea").height());
		$(".newTextarea").css("margin-left", $(".main").width() * 0.1);
	}

	//改变提交路径
	function changAction(url) {
		var fromId = document.getElementById("form1");
		fromId.action = url;
		console.log(document.getElementById("form1").action);
		console.log(url);
		fromId.submit();

	}
	//使用jqueryUi设置时间
	$(function() {
		$("#newsDate").datepicker();
		$("#newsDate").datepicker("option", "dateFormat", "yy-mm-dd");
		$("#newsDate").datepicker("option", $.datepicker.regional["zh-CN"]);
		$("#newsDate").datepicker("option", "showAnim", "slide");
	});
</script>
</html>